Page({


  data:{
    // 模拟返回的 html 字符串
    htmlStr: `
      <h1 class="big-title">标题</h1>
      <p>段落</p>
      <div>
        <img class="show-img" src="https://img10.360buyimg.com/cms/jfs/t1/65549/8/10108/60203/5d791babEa7fe0161/feb5c02138b57dfe.jpg"> 
        <img class="show-img" src="https://img11.360buyimg.com/cms/jfs/t1/43665/32/14756/2824061/5d77f8b8E3e335a82/af0a3a0ac16b6bb2.png"> 
        <img class="show-img" src="https://img13.360buyimg.com/cms/jfs/t1/62964/9/10083/667577/5d7b1c64Ee24aac51/efc8083197de5b21.jpg">
      </div>
    `,
    // 虚拟 DOM -> 用数组+ 对象的方式描述一个节点
    htmlArr:
    [
      {
        name: 'h1',
        attrs: {
          class: 'big-title',
        },
        children: [{
          type: 'text',
          text: '标题'
        }]
      },
      {
        name: 'p',
        children: [
          {
            type: 'text',
            text: '段落'
          }
        ]
      }
    ]
  }

})